<template>
  <div class="page-container products-container">
    <!-- Banner组件 -->
    <page-banner
      title="产品服务"
      description="探索我们的创新产品和专业服务解决方案"
      background-image="/images/products-banner.jpg"
      background-color="#1a4f8b"
    />
    
    <div class="products-content">
      <!-- 其他内容 -->
    </div>
  </div>
</template>

<script setup>
import PageBanner from '@/components/PageBanner.vue'
</script>

<style lang="scss" scoped>
.products-container {
  padding: 0 0 80px;
  background: #f8f9fa;
  min-height: 100vh;

  .products-content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
  }
}
</style> 